
<!DOCTYPE html>
<html lang="en">
<head>
  <title>月卡办理</title>
<div th:replace="common/fragment::meta"></div>
  <link rel="stylesheet" href="/css/reset.css">
  <link rel="stylesheet" href="/css/monthCard.css?v=1.03">
</head>
<body>
  <div id="wrapper">
    <div class="banner"></div>
    <div class="user">
<!--  ----------------月卡信息选择--------------   -->   
      <div class="card-select">
          <div class="inpbox  plateNumber">
            <span class="header">车牌号码：</span>
            <div class="select">请选择车牌</div>         
          </div>
          <div class="inpbox vehicleType">
            <span class="header">汽车类型：</span>
          	<div class='content'></div>
            <div class="select">选择汽车类型</div>
            <div class='tip'>月卡到期时间：<span class="endtime"></span></div>         
          </div>
          <div class="inpbox cardTime">
            <span class="header">充值月数：</span>
            <div class="select">选择充值月数</div>      
          </div>
          <button class="confirm">确认选择</button>        
      </div>    
<!--  ----------------月卡信息选择end！！--------------   --> 
<!-- 车牌列表 模拟select-->
	<div class="plate-select">
		<ul id="select_plateNumber"></ul>
		<ul id="select_vehicleType"></ul>		
		<ul id="select_cardTime">
			<li data-id="1">1个月</li>
			<li data-id="2">2个月</li>
			<li data-id="3">3个月</li>
			<li data-id="4">4个月</li>
			<li data-id="5">5个月</li>
			<li data-id="6">6个月</li>
			<li data-id="7">7个月</li>
			<li data-id="8">8个月</li>
			<li data-id="9">9个月</li>
			<li data-id="10">10个月</li>
			<li data-id="11">11个月</li>
			<li data-id="12">12个月</li> 
		</ul>
	</div>
<!-- 车牌列表 end-->
<!-- --------------------------生成订单--------------------- -->
      <div class="mark">
           <div class="dialog">
            <div class="order-header">
              <span class="title">订单详情</span>
              <div class="close">关闭</div>
          </div>
             <ul class="odrer-list">
               <li class="inpbox plateNumber ">
                 <span class="header">车牌号码：</span>
                 <div class="content"></div>
               </li>
               <li class="inpbox vehicleType">
                 <span class="header">汽车类型：</span>
                 <div class="content"></div>
               </li>
               <li class="inpbox cardTime">
                 <span class="header">缴费月数:</span>
                 <div class="content"></div>
               </li>
               <li class="inpbox payMoney">
                 <span class="header">月租：</span>
                 <div class="content"><span class="symbole">￥</span><span class="money"></span></div>
               </li>
               <li class="inpbox cardNo">
                 <span class="header ">卡编号：</span>
                 <div class="content"></div>
               </li>
               <li class="inpbox endTime">
                 <span class="header">到期时间：</span>
                 <div class="content"></div>
               </li>
             </ul>
              <button class="submit">确认支付</button>
           </div>
         </div>      
    </div> 
  </div>
  <div th:replace="common/fragment::brand"></div>
  <script src="/js/jquery-3.1.1.min.js"></script>
  <script type="text/javascript" src="/layer/layer.js"></script>
  <script type="text/javascript" src="/js/monthCard.js?v=1.01"></script>
</body>
</html>